<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>成易博客-打卡</title>

    <link th:replace="common/common::common-head">
    <div th:replace="common/common :: #common-js"></div>

    <style>
        .red{
            background-color: red;
            color: white;
        }
        .red:hover{
            background-color: #0a769c;
        }
        .green{
            background-color: green;
            color: white;
        }
        .green:hover{
            background-color: #0a769c;
        }
        #test-n1 .layui-laydate-main{
            font-size: 1rem;
        }
        .success{
            border-top: 1px solid black;
            color: green;
            font-size: 1rem;
        }
        .error{
            border-top: 1px solid black;
            color: red;
            font-size: 1rem;
        }
    </style>
</head>
<body style="background: rgba(243,240,240,0.27);padding-top: 70px; ">

    <div th:replace="common/common :: #common-top-nav"></div>

    <div id="clock_in" v-cloak>
        <el-container>
            <!--       main 主内容区域     -->
            <el-main>
                <el-row type="flex" class="row-bg" justify="center">
                    <div class="site-demo-laydate">
                        <div class="layui-inline" id="test-n1"></div>
                        <div style="margin: 1rem">
                            <el-row type="flex" class="row-bg" justify="center">
                                动态显示打卡详细信息
                            </el-row>
                        </div>
                    </div>
                </el-row>
            </el-main>
        </el-container>
    </div>

    <script th:src="@{/static/js/clock_in/clock_in.js}"></script>

    <div th:replace="common/common :: #common-bottom"></div>

</body>
</html>